﻿@model eShop.Web.Mobile.Models.ProductDetailsModel
@{
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>@Model.ProductInfo.Name-@{@WorkContext.ShopConfig.SiteTitle}触屏版</title>
    @Html.Raw(WorkContext.ShopConfig.SEOKeyword)
    @Html.Raw(WorkContext.ShopConfig.SEODescription)
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/base.css" rel="stylesheet" type="text/css">
    <link href="@{@WorkContext.CSSCDN}/mobile/themes/default/css/content.css" rel="stylesheet" type="text/css">
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/jquery.js" type="text/javascript"></script>
    <script src="@{@WorkContext.ScriptCDN}/mobile/scripts/common.js" type="text/javascript"></script>
</head>

<body>
@Html.Partial("_header")
<script type="text/javascript">
    $("#headerTitle").html("商品详情");
</script>

<div class="proConC">
<script type="text/javascript">
    function detailsSH(i) {
        document.getElementById("detailsCon1").style.display = "none";
        document.getElementById("detailsCon2").style.display = "none";
        document.getElementById("detailsCon3").style.display = "none";
        document.getElementById("detailsCon4").style.display = "none";
        document.getElementById("detailsCon" + i).style.display = "block";

        document.getElementById("detailsTab1").className = "";
        document.getElementById("detailsTab2").className = "";
        document.getElementById("detailsTab3").className = "";
        document.getElementById("detailsTab4").className = "";
        document.getElementById("detailsTab" + i).className = "on";
    }
</script>

<ul class="proConNav">
<li><a id="detailsTab1" href="javascript:void(0)" onclick="detailsSH(1)" class="on">商品介绍</a></li>
<li><a id="detailsTab2" href="javascript:void(0)" onclick="detailsSH(2)">规格参数</a></li>
<li><a id="detailsTab3" href="javascript:void(0)" onclick="detailsSH(3)">商品明细</a></li>
<li><a id="detailsTab4" href="javascript:void(0)" onclick="detailsSH(4)">售后服务</a></li>
</ul>

<div id="detailsCon1" class="proEdit">@Html.Raw(Model.ProductInfo.Description)</div>
<div id="detailsCon2" class="proEdit" style="display:none;">
<div align="center">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="proTable" style="max-width:440px;">
  <tbody>
    @{
    int tempAttrGroupId = 0;
    foreach (ExtProductAttributeInfo info in Model.ExtProductAttributeList)
    {
        if (info.AttrGroupId != tempAttrGroupId)
        {
            <tr><th colspan="2" class="tdTitle">@info.AttrGroupName</th></tr><tr></tr>
        }
        if (info.IsInput == 0)
        {
			<tr><td class="tdTitle">@info.AttrName</td><td>@info.AttrValue</td></tr>
        }
        else
        {
			<tr><td class="tdTitle">@info.AttrName</td><td>@info.InputValue</td></tr>
        }
        tempAttrGroupId = info.AttrGroupId;
    }
    }
  </tbody>
</table>
</div>
    <div class="proEdit">@Html.Raw(Model.ProductInfo.Spec)</div>
</div>
<div id="detailsCon3" class="proEdit" style="display:none;">@ViewData["StockList"]</div>
<div id="detailsCon4" class="proEdit" style="display:none;">三包服务内容</div>

</div>

@Html.Partial("_footer")
</body>
</html>
